﻿<!DOCTYPE html>
<html>
  <head>
    <title>音乐播放器 Music Players</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/______music_players/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/______music_players/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u12266" class="ax_default _默认样式">
        <div id="u12266_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u12268" class="ax_default" data-label="背景">
        <div id="u12268_state0" class="panel_state" data-label="State1" style="">
          <div id="u12268_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u12269" class="ax_default" data-label="线条">
        <div id="u12269_state0" class="panel_state" data-label="State1" style="">
          <div id="u12269_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12270" class="ax_default _默认样式">
        <div id="u12270_div" class=""></div>
        <div id="u12270_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12271" class="ax_default _默认样式">
        <div id="u12271_div" class=""></div>
        <div id="u12271_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u12273" class="ax_default _默认样式">
        <img id="u12273_img" class="img " src="images/___icons/u605.png"/>
        <div id="u12273_text" class="text ">
          <p><span>Copyright © </span><a id="u12274" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12275" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u12276" class="ax_default _默认样式">
          <div id="u12276_div" class=""></div>
          <div id="u12276_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">提供了两套视频播放器组件静态示例，相关图标和元素都可以编辑，可根据需要调整尺寸或扩展相关的交互事件。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12277" class="ax_default _默认样式">
          <div id="u12277_div" class=""></div>
          <div id="u12277_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12278" class="ax_default" data-left="610" data-top="260" data-width="450" data-height="647">

        <!-- Unnamed (Rectangle) -->
        <div id="u12279" class="ax_default _默认样式">
          <div id="u12279_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12280" class="ax_default _默认样式">
          <div id="u12280_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12281" class="ax_default _默认样式">
          <div id="u12281_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12282" class="ax_default _默认样式">
          <div id="u12282_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12283" class="ax_default _默认样式">
          <div id="u12283_div" class=""></div>
          <div id="u12283_text" class="text ">
            <p><span>Ashes In The Snow</span></p><p><span>Mono</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u12284" class="ax_default image">
          <img id="u12284_img" class="img " src="images/______music_players/u12284.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12285" class="ax_default _默认样式">
          <div id="u12285_div" class=""></div>
          <div id="u12285_text" class="text ">
            <p><span>05:15 / 11:46</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12286" class="ax_default _默认样式">
          <div id="u12286_div" class=""></div>
          <div id="u12286_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12287" class="ax_default _默认样式">
          <div id="u12287_div" class=""></div>
          <div id="u12287_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12288" class="ax_default _默认样式">
          <div id="u12288_div" class=""></div>
          <div id="u12288_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12289" class="ax_default _默认样式">
          <div id="u12289_div" class=""></div>
          <div id="u12289_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12290" class="ax_default _默认样式">
          <div id="u12290_div" class=""></div>
          <div id="u12290_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12291" class="ax_default _默认样式">
          <div id="u12291_div" class=""></div>
          <div id="u12291_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12292" class="ax_default _默认样式">
          <div id="u12292_div" class=""></div>
          <div id="u12292_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12293" class="ax_default" data-left="634" data-top="451" data-width="410" data-height="436">

          <!-- Unnamed (Rectangle) -->
          <div id="u12294" class="ax_default _默认样式">
            <div id="u12294_div" class=""></div>
            <div id="u12294_text" class="text ">
              <p><span>播放列表</span></p>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u12295" class="ax_default" data-left="634" data-top="491" data-width="410" data-height="396">

            <!-- Unnamed (Rectangle) -->
            <div id="u12296" class="ax_default _默认样式">
              <img id="u12296_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12296_text" class="text ">
                <p><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';">&nbsp; Ashes In The Snow - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12297" class="ax_default _默认样式">
              <img id="u12297_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12297_text" class="text ">
                <p><span>02&nbsp; Dream Odyssey - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12298" class="ax_default _默认样式">
              <img id="u12298_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12298_text" class="text ">
                <p><span>03&nbsp; Katana - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12299" class="ax_default _默认样式">
              <img id="u12299_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12299_text" class="text ">
                <p><span>04&nbsp; Follow The Map - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12300" class="ax_default _默认样式">
              <img id="u12300_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12300_text" class="text ">
                <p><span>05&nbsp; Yesterday Once More - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12301" class="ax_default _默认样式">
              <img id="u12301_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12301_text" class="text ">
                <p><span>06&nbsp; Burial At Sea - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12302" class="ax_default _默认样式">
              <img id="u12302_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12302_text" class="text ">
                <p><span>07&nbsp; Silent Flight, Sleeping Dawn&nbsp; - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12303" class="ax_default _默认样式">
              <img id="u12303_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12303_text" class="text ">
                <p><span>08 Pure As Snow (Trails of the Winter Storm) - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12304" class="ax_default _默认样式">
              <img id="u12304_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12304_text" class="text ">
                <p><span>09&nbsp; The Battle To Heaven - Mono</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12305" class="ax_default _默认样式">
              <img id="u12305_img" class="img " src="images/______music_players/u12296.png"/>
              <div id="u12305_text" class="text ">
                <p><span>10&nbsp; Everlasting Light - Mono</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12306" class="ax_default _默认样式">
            <div id="u12306_div" class=""></div>
            <div id="u12306_text" class="text ">
              <p><span>11:46</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12307" class="ax_default _默认样式">
            <div id="u12307_div" class=""></div>
            <div id="u12307_text" class="text ">
              <p><span>08:03</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12308" class="ax_default _默认样式">
            <div id="u12308_div" class=""></div>
            <div id="u12308_text" class="text ">
              <p><span>06:21</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12309" class="ax_default _默认样式">
            <div id="u12309_div" class=""></div>
            <div id="u12309_text" class="text ">
              <p><span>03:56</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12310" class="ax_default _默认样式">
            <div id="u12310_div" class=""></div>
            <div id="u12310_text" class="text ">
              <p><span>05:49</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12311" class="ax_default _默认样式">
            <div id="u12311_div" class=""></div>
            <div id="u12311_text" class="text ">
              <p><span>10:39</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12312" class="ax_default _默认样式">
            <div id="u12312_div" class=""></div>
            <div id="u12312_text" class="text ">
              <p><span>06:00</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12313" class="ax_default _默认样式">
            <div id="u12313_div" class=""></div>
            <div id="u12313_text" class="text ">
              <p><span>11:26</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12314" class="ax_default _默认样式">
            <div id="u12314_div" class=""></div>
            <div id="u12314_text" class="text ">
              <p><span>12:51</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12315" class="ax_default _默认样式">
            <div id="u12315_div" class=""></div>
            <div id="u12315_text" class="text ">
              <p><span>11:23</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12316" class="ax_default _默认样式">
            <div id="u12316_div" class=""></div>
            <div id="u12316_text" class="text ">
              <p><span>100首</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12317" class="ax_default" data-left="609" data-top="1197" data-width="450" data-height="80">

        <!-- Unnamed (Rectangle) -->
        <div id="u12318" class="ax_default _默认样式">
          <div id="u12318_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12319" class="ax_default" data-left="710" data-top="1256" data-width="283" data-height="5">

          <!-- Unnamed (Group) -->
          <div id="u12320" class="ax_default" data-left="710" data-top="1256" data-width="283" data-height="5">

            <!-- Unnamed (Rectangle) -->
            <div id="u12321" class="ax_default _默认样式">
              <div id="u12321_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12322" class="ax_default _默认样式">
              <div id="u12322_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12323" class="ax_default _默认样式">
          <div id="u12323_div" class=""></div>
          <div id="u12323_text" class="text ">
            <p><span>Ashes In The Snow - Mono</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u12324" class="ax_default image">
          <img id="u12324_img" class="img " src="images/______music_players/u12284.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12325" class="ax_default _默认样式">
          <div id="u12325_div" class=""></div>
          <div id="u12325_text" class="text ">
            <p><span>05:15 </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12326" class="ax_default _默认样式">
          <div id="u12326_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12327" class="ax_default _默认样式">
          <div id="u12327_div" class=""></div>
          <div id="u12327_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12328" class="ax_default" data-left="75" data-top="260" data-width="451" data-height="830">

        <!-- Unnamed (Group) -->
        <div id="u12329" class="ax_default" data-left="75" data-top="611" data-width="450" data-height="479">

          <!-- Unnamed (Rectangle) -->
          <div id="u12330" class="ax_default _默认样式">
            <div id="u12330_div" class=""></div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u12331" class="ax_default" data-left="100" data-top="627" data-width="410" data-height="436">

            <!-- Unnamed (Rectangle) -->
            <div id="u12332" class="ax_default _默认样式">
              <div id="u12332_div" class=""></div>
              <div id="u12332_text" class="text ">
                <p><span>播放列表</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u12333" class="ax_default" data-left="100" data-top="667" data-width="410" data-height="396">

              <!-- Unnamed (Rectangle) -->
              <div id="u12334" class="ax_default _默认样式">
                <img id="u12334_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12334_text" class="text ">
                  <p><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';">&nbsp; Ashes In The Snow - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12335" class="ax_default _默认样式">
                <img id="u12335_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12335_text" class="text ">
                  <p><span>02&nbsp; Dream Odyssey - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12336" class="ax_default _默认样式">
                <img id="u12336_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12336_text" class="text ">
                  <p><span>03&nbsp; Katana - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12337" class="ax_default _默认样式">
                <img id="u12337_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12337_text" class="text ">
                  <p><span>04&nbsp; Follow The Map - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12338" class="ax_default _默认样式">
                <img id="u12338_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12338_text" class="text ">
                  <p><span>05&nbsp; Yesterday Once More - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12339" class="ax_default _默认样式">
                <img id="u12339_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12339_text" class="text ">
                  <p><span>06&nbsp; Burial At Sea - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12340" class="ax_default _默认样式">
                <img id="u12340_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12340_text" class="text ">
                  <p><span>07&nbsp; Silent Flight, Sleeping Dawn&nbsp; - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12341" class="ax_default _默认样式">
                <img id="u12341_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12341_text" class="text ">
                  <p><span>08 Pure As Snow (Trails of the Winter Storm) - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12342" class="ax_default _默认样式">
                <img id="u12342_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12342_text" class="text ">
                  <p><span>09&nbsp; The Battle To Heaven - Mono</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12343" class="ax_default _默认样式">
                <img id="u12343_img" class="img " src="images/______music_players/u12296.png"/>
                <div id="u12343_text" class="text ">
                  <p><span>10&nbsp; Everlasting Light - Mono</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12344" class="ax_default _默认样式">
              <div id="u12344_div" class=""></div>
              <div id="u12344_text" class="text ">
                <p><span>11:46</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12345" class="ax_default _默认样式">
              <div id="u12345_div" class=""></div>
              <div id="u12345_text" class="text ">
                <p><span>08:03</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12346" class="ax_default _默认样式">
              <div id="u12346_div" class=""></div>
              <div id="u12346_text" class="text ">
                <p><span>06:21</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12347" class="ax_default _默认样式">
              <div id="u12347_div" class=""></div>
              <div id="u12347_text" class="text ">
                <p><span>03:56</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12348" class="ax_default _默认样式">
              <div id="u12348_div" class=""></div>
              <div id="u12348_text" class="text ">
                <p><span>05:49</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12349" class="ax_default _默认样式">
              <div id="u12349_div" class=""></div>
              <div id="u12349_text" class="text ">
                <p><span>10:39</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12350" class="ax_default _默认样式">
              <div id="u12350_div" class=""></div>
              <div id="u12350_text" class="text ">
                <p><span>06:00</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12351" class="ax_default _默认样式">
              <div id="u12351_div" class=""></div>
              <div id="u12351_text" class="text ">
                <p><span>11:26</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12352" class="ax_default _默认样式">
              <div id="u12352_div" class=""></div>
              <div id="u12352_text" class="text ">
                <p><span>12:51</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12353" class="ax_default _默认样式">
              <div id="u12353_div" class=""></div>
              <div id="u12353_text" class="text ">
                <p><span>11:23</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12354" class="ax_default _默认样式">
              <div id="u12354_div" class=""></div>
              <div id="u12354_text" class="text ">
                <p><span>100首</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12355" class="ax_default" data-left="75" data-top="491" data-width="450" data-height="120">

          <!-- Unnamed (Rectangle) -->
          <div id="u12356" class="ax_default _默认样式">
            <div id="u12356_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12357" class="ax_default _默认样式">
            <div id="u12357_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12358" class="ax_default _默认样式">
            <div id="u12358_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12359" class="ax_default _默认样式">
            <div id="u12359_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12360" class="ax_default _默认样式">
            <div id="u12360_div" class=""></div>
            <div id="u12360_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12361" class="ax_default _默认样式">
            <div id="u12361_div" class=""></div>
            <div id="u12361_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12362" class="ax_default _默认样式">
            <div id="u12362_div" class=""></div>
            <div id="u12362_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12363" class="ax_default _默认样式">
            <div id="u12363_div" class=""></div>
            <div id="u12363_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12364" class="ax_default _默认样式">
            <div id="u12364_div" class=""></div>
            <div id="u12364_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12365" class="ax_default _默认样式">
            <div id="u12365_div" class=""></div>
            <div id="u12365_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12366" class="ax_default _默认样式">
            <div id="u12366_div" class=""></div>
            <div id="u12366_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12367" class="ax_default _默认样式">
            <div id="u12367_div" class=""></div>
            <div id="u12367_text" class="text ">
              <p><span>05:15 / 11:46</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u12368" class="ax_default" data-left="76" data-top="260" data-width="450" data-height="231">

          <!-- Unnamed (Rectangle) -->
          <div id="u12369" class="ax_default _默认样式">
            <div id="u12369_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12370" class="ax_default _默认样式">
            <div id="u12370_div" class=""></div>
            <div id="u12370_text" class="text ">
              <p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">Ashes In The Snow</span></p><p><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">Mono</span></p><p><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">Hymn to the Immortal Wind</span></p>
            </div>
          </div>

          <!-- Unnamed (Image) -->
          <div id="u12371" class="ax_default image">
            <img id="u12371_img" class="img " src="images/______music_players/u12371.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u12372" class="ax_default _默认样式">
            <img id="u12372_img" class="img " src="images/______music_players/u12372.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12373" class="ax_default _默认样式">
            <div id="u12373_div" class=""></div>
            <div id="u12373_text" class="text ">
              <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">10000</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;">喜欢</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12374" class="ax_default _默认样式">
            <div id="u12374_div" class=""></div>
            <div id="u12374_text" class="text ">
              <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">10000</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;">播放</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12375" class="ax_default _默认样式">
            <div id="u12375_div" class=""></div>
            <div id="u12375_text" class="text ">
              <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">10000</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;">下载</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12376" class="ax_default _默认样式">
            <div id="u12376_div" class=""></div>
            <div id="u12376_text" class="text ">
              <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">10000</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;">评论</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12377" class="ax_default" data-left="609" data-top="947" data-width="450" data-height="210">

        <!-- Unnamed (Rectangle) -->
        <div id="u12378" class="ax_default _默认样式">
          <div id="u12378_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12379" class="ax_default _默认样式">
          <div id="u12379_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12380" class="ax_default _默认样式">
          <div id="u12380_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12381" class="ax_default _默认样式">
          <div id="u12381_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12382" class="ax_default _默认样式">
          <div id="u12382_div" class=""></div>
          <div id="u12382_text" class="text ">
            <p><span>Ashes In The Snow</span></p><p><span>Mono</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u12383" class="ax_default image">
          <img id="u12383_img" class="img " src="images/______music_players/u12284.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12384" class="ax_default _默认样式">
          <div id="u12384_div" class=""></div>
          <div id="u12384_text" class="text ">
            <p><span>05:15 / 11:46</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12385" class="ax_default _默认样式">
          <div id="u12385_div" class=""></div>
          <div id="u12385_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12386" class="ax_default _默认样式">
          <div id="u12386_div" class=""></div>
          <div id="u12386_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12387" class="ax_default _默认样式">
          <div id="u12387_div" class=""></div>
          <div id="u12387_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12388" class="ax_default _默认样式">
          <div id="u12388_div" class=""></div>
          <div id="u12388_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12389" class="ax_default _默认样式">
          <div id="u12389_div" class=""></div>
          <div id="u12389_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12390" class="ax_default _默认样式">
          <div id="u12390_div" class=""></div>
          <div id="u12390_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12391" class="ax_default _默认样式">
          <div id="u12391_div" class=""></div>
          <div id="u12391_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12392" class="ax_default" data-left="75" data-top="1130" data-width="450" data-height="150">

        <!-- Unnamed (Rectangle) -->
        <div id="u12393" class="ax_default _默认样式">
          <div id="u12393_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12394" class="ax_default _默认样式">
          <div id="u12394_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12395" class="ax_default _默认样式">
          <div id="u12395_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12396" class="ax_default _默认样式">
          <div id="u12396_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12397" class="ax_default _默认样式">
          <div id="u12397_div" class=""></div>
          <div id="u12397_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12398" class="ax_default _默认样式">
          <div id="u12398_div" class=""></div>
          <div id="u12398_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12399" class="ax_default _默认样式">
          <div id="u12399_div" class=""></div>
          <div id="u12399_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12400" class="ax_default _默认样式">
          <div id="u12400_div" class=""></div>
          <div id="u12400_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12401" class="ax_default _默认样式">
          <div id="u12401_div" class=""></div>
          <div id="u12401_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12402" class="ax_default _默认样式">
          <div id="u12402_div" class=""></div>
          <div id="u12402_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12403" class="ax_default _默认样式">
          <div id="u12403_div" class=""></div>
          <div id="u12403_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12404" class="ax_default _默认样式">
          <div id="u12404_div" class=""></div>
          <div id="u12404_text" class="text ">
            <p><span>05:15 / 11:46</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12405" class="ax_default _默认样式">
          <div id="u12405_div" class=""></div>
          <div id="u12405_text" class="text ">
            <p><span>Ashes In The Snow Mono</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12406" class="ax_default _默认样式">
          <div id="u12406_div" class=""></div>
          <div id="u12406_text" class="text ">
            <p><span>Mono</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
